<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jq-demo-02page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
	<script type="text/javascript" src="script/lib/jquery-1.11.2.js"></script>
	<script type="text/javascript" src="script/lib/jquery.mobile-1.4.5.js"></script>
</head>
<body>
	<div data-role="page">
		<div data-role="header" data-theme="a" data-position="fixed">
			<h2>第一个相册</h2>
		</div>
		<div role="main" class="ui-content">
			<a href="#second" class="ui-btn" data-transition="slide">跳转</a>
			<p>内容1</p>
		</div>
		<div data-role="footer" data-position="fixed">
			<h2>footer</h2>
		</div>
	</div>


	<div id="second" data-role="page">
		<div data-role="header" data-theme="a" data-position="fixed">
			<h2>第二个相册</h2>
		</div>
		<div role="main" class="ui-content">
			<a href="#second" class="ui-btn" data-rel="back" data-transition="slide">返回</a>
			<p>内容2</p>
		</div>
		<div data-role="footer" data-position="fixed">
			<h2>footer</h2>
		</div>
	</div>
</body>
</html>